<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
    <link href="./styles.css" rel="stylesheet">
    <title>欢乐时钟</title>
  </head>
  <body>
    <div class="timing" id="timing">00:00:00</div>
    <div class="timing-handle">
      <button type="button" class="reset-timing" id="resetTiming">复位</button>
      <button type="button" class="start-timing" id="startTiming">启动</button>
    </div>
    <div class="bottom">
      <button type="button" onclick="changeOver(0)" class="bottom-item">秒表</button>
      <button type="button" onclick="changeOver(1)" class="bottom-item">闹钟</button>
      <button type="button" onclick="changeOver(2)" class="bottom-item">计时器</button>
    </div>
    <!-- You can also require other files to run in this process -->
    <script src="./js/renderer.js"></script>
    <script src="./js/event.js"></script>
  </body>
</html>
